import{d as p,e as c,a as n,P as l,Q as g,R as i,$ as r,a2 as d,a5 as m}from"./elementPlusModules.js";import{_ as u}from"./index.js";import"./lodashModules.js";import"./vxeTableModules.js";const f={class:"demo-progress"},_=p({__name:"Dashboard",setup(y){const t=c(10),s=c(`
<template>
  <div class="demo-progress">
    <el-progress type="circle" :percentage="0" />
    <el-progress type="circle" :percentage="25" />
    <el-progress type="circle" :percentage="100" status="success" />
    <el-progress type="circle" :percentage="70" status="warning" />
    <el-progress type="circle" :percentage="50" status="exception" />
    <el-progress type="dashboard" :percentage="percentage" :color="colors" />
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
const percentage = ref(10);

const colors = [
  { color: "#f56c6c", percentage: 20 },
  { color: "#e6a23c", percentage: 40 },
  { color: "#5cb87a", percentage: 60 },
  { color: "#1989fa", percentage: 80 },
  { color: "#6f7ad3", percentage: 100 }
];
<\/script>
<style scoped>
.demo-progress .el-progress--circle {
  margin-right: 15px;
}
</style>
`),o=[{color:"#f56c6c",percentage:20},{color:"#e6a23c",percentage:40},{color:"#5cb87a",percentage:60},{color:"#1989fa",percentage:80},{color:"#6f7ad3",percentage:100}];return(a,h)=>{const e=n("el-progress");return l(),g(m,null,[i("div",f,[r(e,{type:"circle",percentage:0}),r(e,{type:"circle",percentage:25}),r(e,{type:"circle",percentage:100,status:"success"}),r(e,{type:"circle",percentage:70,status:"warning"}),r(e,{type:"circle",percentage:50,status:"exception"}),r(e,{type:"dashboard",percentage:t.value,color:o},null,8,["percentage"])]),d(a.$slots,"default",{html:s.value},void 0,!0)],64)}}}),k=u(_,[["__scopeId","data-v-b4076182"]]);export{k as default};
